@import "common.less";
@import "../icons/iconfont.css";

@borde-color: #e9e9e9;
@primary-color: #16a1e0;
body,
html {
  position: relative;
  height: 100%;
  background-color: #fff;
  overflow-x: hidden;
}

.content {
  position: relative;
  z-index: 999;
  width: 750 * @rem;
  margin: 0 auto;
}

.header {
  color: #fff;
  width: 750 * @rem;
  height: 90 * @rem;
  line-height: 90 * @rem;
  background-color: #16a1e0;
  margin: 0 auto;
  position: relative;
  .btnback {
    .fontSize(16px);
    position: absolute;
    top: 50%;
    left: 15 * @rem;
    transform: translateY(-50%);
    color: #fff;
  }
  h2 {
    text-align: center;
    color: #fff;
    .fontSize(16px);
    line-height: 90 * @rem;
  }
  .rule {
    .fontSize(14px);
    height: 100%;
    position: absolute;
    top: 50%;
    right: 20 * @rem;
    transform: translateY(-50%);
    color: #fff;
  }
}

.tip {
  font-family: PingFangSC-Regular;
  .fontSize(14px);
  height: 80 *@rem;
  line-height: 80 *@rem;
  color: #999999;
  background-color: #f6f6f6;
  padding-left: 30 * @rem;
  i {
    color: #FB4D3A;
  }
}

.update-from-waper {
  height: 100%;
  width: 750 * @rem;
  margin: 40 * @rem auto;
  background-color: #fff;

  .info-form {
    width: 100%;
    padding: 0 55 * @rem;
    box-sizing: border-box;
    .form-item {
      height: 80 * @rem;
      line-height: 80 * @rem;
      margin-bottom: 30 * @rem;
      .form-item__label {
        .fontSize(14px);
        float: left;
        width: 150 * @rem;
        height: 100%;
        text-align: right;
        padding-right: 20 * @rem;
        box-sizing: border-box;
      }
      .form-item__content {
        .fontSize(14px);
        margin-left: 160 * @rem;
        height: 100%;
        overflow: hidden;
        input {
          .fontSize(14px);
          height: 100%;
          width: 100%;
          padding: 0;
          border: 1px solid #ccc;
          box-sizing: border-box;
          text-indent: 20 * @rem;
          border-radius: 5 * @rem;
          outline: none;
        }
      }
    }

    .form-button {
      margin-top: 35 * @rem;
      #save-btn {
        .fontSize(14px);
        height: 100%;
        width: 350 *@rem;
        text-align: center;
        color: #fff;;
        background: @primary-color;
        border-radius: 5 * @rem;
      }
    }
  }

}

.toast {
  position: absolute;
  top: 20%;
  left: 50%;
  transform: translateX(-50%);
  width: 360 * @rem;
  height: 86 * @rem;
  background: rgba(0, 0, 0, 0.8);
  -webkit-border-radius: 10px;
  text-align: center;
  font-family: PingFangSC-Regular;
  .fontSize(12px);
  color: #ffffff;
  letter-spacing: 0;
  line-height: 86 * @rem;
  z-index: 20000;
}